iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0
Mobile Development

初窺Flutter系列 第 1

認識Flutter與環境設置

  • 分享至 

  • xImage
  •  

Flutterr簡介
Flutter是一個開源的移動應用程式開發工具,它允許開發者使用單一代碼庫創建高性能、高保真度的跨平台移動應用。

Flutter 優點

  1. 快速開發:Flutter允許開發者使用相同的代碼庫在iOS和Android平台上快速開發應用程序,節省時間和資源。
  2. 自定義UI:Flutter提供豐富的自定義UI元素,開發者可以輕鬆實現精美的用戶界面,無需受限於平台特定的控件。
  3. 高性能:Flutter的“熱重載”功能允許即時查看UI更改,並且它的高性能渲染引擎使應用程序達到卓越的性能。
  4. 單一代碼庫:開發者只需維護一個代碼庫,同時支援多個平台,減少了代碼重複和錯誤。
  5. 支援多種開發:除了iOS和Android,Flutter還可以用於Web,桌面和嵌入式應用程序開發,實現真正的跨平台。

Flutter 環境設置
首先進入到Flutter 官網,選擇你的開發系統下載,官網上也對不同系統的下載方式做出了說明,如果要開發ios 建議用mac電腦比較合適(因為ios整合開發環境xcode只能用mac電腦安裝),但因為我的電腦是windows系統,所以這邊安裝步驟以windows的方法來操做。
(Flutter官網下載網址:https://docs.flutter.dev/get-started/install )
https://ithelp.ithome.com.tw/upload/images/20230916/20162684kj1eHaFViC.png

Android 開發環境我是選擇用Android studio,所以下載好Flutter後,到環境變數去將Flutter的path路徑新增上去,之後再去把Android sstudio也下載好
(Android studio下載網址:https://developer.android.com/studio )

下載好flutter 跟Android studio 後
到flutter的資料夾中,找到flutter_console.bat點開後,輸入flutter doctor
檢視是否安裝完成
以下是我第一次輸入時出現的畫面
https://ithelp.ithome.com.tw/upload/images/20230916/20162684Vv71lApNnT.png
上面錯誤告訴cmdline-tools 沒有安裝到
打開Android studio,到Android SDK -> SDK Tools 勾選Android SDK Command-line Tools 後按Apply
https://ithelp.ithome.com.tw/upload/images/20230916/20162684XCX5OJHwVN.png
之後再輸入一次flutter doctor,可以發現第一個錯誤已經消失,但仍出現以下畫面(告訴你有些憑證還未被許可),輸入flutter doctor –android-Licenses,點選y(同意)
https://ithelp.ithome.com.tw/upload/images/20230916/20162684R9bmBvPZLD.png
最後出現以下畫面就代表環境建置成功了!!!
https://ithelp.ithome.com.tw/upload/images/20230916/20162684DzR61IrIHe.png

今天的學習就到這邊告一個段落了!


下一篇
認識Flutter架構
系列文
初窺Flutter30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言